با Gemini که مستقیماً در Chrome DevTools ادغام شده است، گردش کار توسعه خود را شارژ کنید. اشکال زدایی را با کمک هوش مصنوعی برای استایل، عملکرد، شبکه و منابع ساده کنید.

شروع به کار دستورات را کاوش کنید

اشکال زدایی مسائل استایل ممکن است دشوار باشد. توضیح مفصلی از سبک های عنصر خود دریافت کنید و در رفع اشکالات طرح بندی و استایل کمک بگیرید:

Can you center this element?
بیشتر بدانید

هدرهای درخواست و پاسخ اغلب حاوی اطلاعات مهمی هستند که در یک نگاه واضح نیستند. از کمک هوش مصنوعی برای حفاری استفاده کنید:

Why does this request fail?
بیشتر بدانید

به ندرت پیش می آید که همه کدها را در وب سایت خود نوشته باشید - مطمئن نیستید که یک اسکریپت خاص برای چه چیزی استفاده می شود؟ کمک هوش مصنوعی می تواند کمک کند:

What is this file used for?
بیشتر بدانید

منابع حیاتی وب هسته ضعیف؟ پیدا کردن دلیل اصلی یک وب سایت کند می تواند دشوار باشد. کمک هوش مصنوعی می تواند راه حل هایی را برای شما بررسی و پیشنهاد کند:

Help me optimize my LCP score
بیشتر بدانید

در هر کجا که هستید کمک هوش مصنوعی دریافت کنید

به دنبال دکمه Ask AI بگردید تا از Gemini برای کار فعلی خود کمک بگیرید.

دموها

دموهای تعاملی ما را بررسی کنید تا یاد بگیرید چگونه با کمک هوش مصنوعی در پروژه های خود شروع کنید.
برای تبدیل یک هواپیمای ایستا به یک شگفت‌انگیز سر به فلک کشیده، اصلاحات طراحی شده با هوش مصنوعی را امتحان کنید - در عین حال مطمئن شوید که اقدامات ایمنی انجام شده است!
نسخه ی نمایشی را کاوش کنید
آیا با کمک هوش مصنوعی نوار پیمایش عذاب را فتح خواهید کرد یا یک تیم غواصی برای همیشه در یک کابوس طرح‌بندی به دام می‌افتد؟
نسخه ی نمایشی را کاوش کنید

مطمئن نیستید چگونه شروع کنید؟

ایده های فوری برای کمک هوش مصنوعی در DevTools را بررسی کنید. دموهای ما را آزمایش کنید یا در وب سایت های خود امتحان کنید.

اصلاح نسبت ابعاد تصویر 

Make all teaser images always be 16:9

یکی از تصاویر مانند بقیه برش داده نشده است؟

  • صفحه chrome.dev/cinemai/devtools/ را باز کنید و DevTools را باز کنید .
  • بخش بیشتر بدانید با تماشا را پیدا کنید و انتخاب کنید.
  • روی نماد کمک هوش مصنوعی کلیک کنید.
  • درخواست: Make all teaser images always be 16:9 .
  • Apply the suggested change کلیک کنید و ادامه دهید.
  • دکمه باید در مرکز قرار گیرد.

مشکل سرریز را برطرف کنید 

How can I make this element visible?

عنصر قابل مشاهده نیست؟

  • صفحه chrome.dev/cinemai/devtools/ را باز کنید و DevTools را باز کنید .
  • عنصر img غواصی را پیدا کنید.
  • روی نماد کمک هوش مصنوعی کلیک کنید.
  • درخواست: How can I make this element visible without scrollbars? .
  • Apply the suggested change کلیک کنید و ادامه دهید.
  • غواص باید روی صفحه قابل مشاهده باشد.

هدرها را کم رنگ کنید 

Are there any security headers present?

برای کسب اطلاعات بیشتر در مورد سرصفحه های امنیتی یک منبع معین...

  • صفحه chrome.dev/cinemai/devtools/ را باز کنید و DevTools را باز کنید .
  • در پنل شبکه، درخواست‌های v4-chrome.dev.js را انتخاب کنید.
  • روی نماد کمک هوش مصنوعی کلیک کنید.
  • درخواست: Are there any security headers present?
  • LLM سرصفحه های مربوط به امنیت در منبع را توضیح خواهد داد.

شیرجه های عمیق

ویدیوهایی را کاوش کنید که نحوه استفاده از کمک هوش مصنوعی در DevTools را برای حل مشکلات رایج توسعه وب توضیح می دهد.
سابقه چت مداوم هوش مصنوعی را در Chrome 133-135 کاوش کنید
به Jecelyn، Oliver و Matthias بپیوندید تا آنها کمک هوش مصنوعی را در Chrome 130-132 معرفی کنند.

شروع به کار

مطمئن شوید که از جدیدترین Chrome استفاده می‌کنید و وارد سیستم شده‌اید. باید حداقل 18 سال سن داشته باشید و در یکی از مکان‌های پشتیبانی شده باشید.
الزامات را بررسی کنید
کمک هوش مصنوعی به طور پیش فرض غیرفعال است. برای فعال کردن، به بخش تنظیمات > کمک هوش مصنوعی بروید. برای اینکه بتوانید از کمک هوش مصنوعی استفاده کنید، باید با شرایط خدمات Google موافقت کنید.
نوآوری های هوش مصنوعی را فعال کنید
از یک خط مشی سازمانی می توان برای کنترل اینکه آیا داده های به اشتراک گذاشته شده با Gemini ثبت شده و برای آموزش استفاده می شود یا خیر استفاده می شود.
نحوه استفاده از داده های خود را بیاموزید

به ما کمک کن بهتر شویم!

این ویژگی آزمایشی است و در معرض تغییرات بعدی است. ممکن است اطلاعات نادرست یا توهین‌آمیز ایجاد کند که نمایانگر دیدگاه‌های Google نباشد. به پاسخ‌ها رأی دهید تا به ما در بهبود آن کمک کنید و بازخورد را ادامه دهید!

بازخورد را به اشتراک بگذارید